<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>计算同学每个月的开销</title>
  <style>
    #container {
     width: 800px;
     height: 800px;
     background:#130fde;
     margin:auto;
   }
  </style>
  <script src="js/echarts.js"></script>
</head>
<body>
<div id="container"></div>
<script>
   var myInit=echarts.init(document.querySelector("#container"));

    myInit.setOption(option)
        option = {
  xAxis: {
    type: 'category',
    data: ['一月', '二月', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [150, 230, 224, 218, 135, 147, 260],
      type: 'line'
    }
        ]
</script>
</body>
</html>